<script lang="ts" setup>
import CisForm from '@/packages/library/CisForm'
const config = ref({
  name: {
    componentName: 'elInput',
    label: '组件名称',
    rules: ['required']
  },
  name1: {
    componentName: 'elInput',
    label: '组件名称2',
    rules: ['required']
  },
  name3: {
    label: '999',
    componentName: 'elDatePicker',
    props: {
      type: 'date',
      format: 'YYYY-MM-DD',
      appendToBody: 'false'
    },
    rules: ['required'],
    requiredType: 'date'
  },
  name33: {
    label: '999',
    componentName: 'panel',
    props: {
      type: 'date',
      format: 'YYYY-MM-DD'
    },
    rules: ['required'],
    requiredType: 'date'
  },
  name2: {
    componentName: 'elInput',
    label: '组件名称3',
    rules: ['required'],
    show: false
  }
})
onMounted(() => {
  setTimeout(() => {
    config.value.name2.show = true;
  }, 5000)
})
</script>
<template>
  <div class="justify-center flex justify-center mt-100px">
    <div class="w-900px h-300px">
      <aa></aa>
            <CisForm :config="config"></CisForm>
    </div>
  </div>
</template>

